<template>
    <div class="c-Login">
        
        <div class="c-denglu">

<div class="c-dl-dl">
    登录
</div>
<div class="c-dl-dl2">
    账号密码登录<img class="c-dl-dl2-img" src="../../assets/imgs/c-个人.png" alt="">
    </div>

    <div class="c-tel-box">
        <input class="c-tel" type="text"  placeholder="请输入手机号">
    </div>
    <div class="c-jg">
            <img src="../../assets/imgs/c-警告.png" alt="">
            手机号码不正确,清重新输入
    </div>
    <div class="c-yzm-box">
        <input class="c-yzm" type="text" placeholder="验证码"> <img class="c-yzm-img" src="../../assets/imgs/code.png" alt="">
        <div class="c-yzm-t">
            看不清换一张
        </div>


        <div class="c-sjyzm-box">
            <input class="c-sjyzm" type="text" placeholder="手机验证码" >
             <button class="c-sjyzm-but">发送验证码</button>
        </div>

    <div class="c-zddl-box">
        <input class="c-zddl-inp" type="checkbox">
            <div class="c-zddl-t"> 自动登录</div>
            <div class="c-zddl-t2">忘记密码?</div>
    </div>



<div class="c-sign-box">
<div class="c-signin">登录</div>
<div class="c-signup">注册</div>
</div>


<div class="c-ts">
    提示 : 未注册用户将直接注册成为礼拜五用户
</div>

<div class="c-fgx">
    --------------- 
    <div class="c-fgt">
        用合作网站登录
    </div> 
     ---------------
</div>
<div class="c-wxdl">
    <img  class="-wxi" src="../../assets/imgs/c-wexin.png" alt="">

    <img class="c-qqi" src="../../assets/imgs/c-qq.png" alt="">
</div>




    </div>
    






        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>

.c-denglu{
    margin: 0 auto;
    margin-top:20px ;
    width: 387px;
    height: 505px;
    border: 5px #e2e2e2 solid;
    overflow: hidden;
   
}
.c-dl-dl{
    display: inline-block;
    font-size: 24px;
    color: #666666;
    text-align: left;
   
}
.c-dl-dl2{
    display: inline-block;
    font-size: 16px;
    color: #498e3d;
    padding-left:140px ;
    padding-top:40px ;
    
}
.c-dl-dl2-img{
    vertical-align: middle;
    width: 15px;
    height: 17px;
}
.c-tel-box{
   padding-top:20px;
    margin: 0 auto;
}
.c-tel{
    background: url('../../assets/imgs/c-对.png') no-repeat scroll right center transparent;
    border: 1px #d3d3d3 solid;
    padding-left: 10px;
    width: 295px;
    height: 42px;
    font-size: 16px;
    background-color: #f9f9f9;
}
.c-jg{
    text-align: left;
    line-height: 30px;
    font-size: 12px;
    margin-left:40px ;
    vertical-align: middle;
    color: #db2630;
}
.c-yzm-box{
    overflow: hidden;
}
.c-yzm{
    width: 100px;
    height: 42px;
    padding-left:10px ;
    font-size: 16px;
    border: 1px #d3d3d3 solid ;
    display: flex;
    margin-left: 40px;
    position:absolute ;
    background-color: #f9f9f9;
}
.c-yzm-img{
    width: 79px;
    height: 34px;
    position: relative;
    top:5px;
    left: 130px;
    /* border: 1px #f00 solid; */
    vertical-align: middle;
    padding-bottom: 10px;

}
.c-yzm-t{
display: inline-block;
padding-left: 140px ;
font-size: 14px;
color: #f18a11;
/* border: 1px #f00 solid; */
}
.c-sjyzm-box{
position: relative;
}
.c-sjyzm{
    margin-top:20px ;
    width: 295px;
    height: 42px;
    border: 1px #d3d3d3 solid ;
    padding-left:10px ;
    font-size: 16px;
    background-color: #f9f9f9;
    
}
.c-sjyzm-but{
    position: absolute;
        top: 26px;
        right: 45px;
        font-size: 14px;
        color: #fff;
        background-color: #498e3d;
        width: 100px;
        height: 32px;
        line-height: 32px;
        border: none;   
        outline: none;  
}

.c-zddl-inp{
    vertical-align: middle;
}
.c-zddl-t{
    display: inline-block;
    font-size: 14px;
    color: #666666;
    padding-right: 160px;
    line-height: 54px;
    padding-left:10px ;
}
.c-zddl-t2{
    display: inline-block;
    font-size: 14px;
    color: #f08200;
   text-decoration:underline;
    line-height: 54px;
}
/* 登录注册 */
.c-sign-box{
display: flex;
justify-content:space-between;
width: 307px;
margin: auto;
}
.c-signin{
    width: 133px;
    height: 45px;
    background: #f08200;
    color: #fff;
    line-height: 45px;
    border-radius:5px
    
}
.c-signup{
    width: 133px;
    height: 45px;
    background: #498e3d;
    color: #fff;
    line-height: 45px;
    border-radius:5px
}
.c-ts{
    font-size: 14px;
    color: #afafaf;
    line-height: 40px;
}
.c-fgx{
    display: inline;
    color: #eaeaea;
}
.c-fgt{
    display: inline;
    color: #666666;
    padding: 10px;
}
.c-wxdl{
    margin-top:15px ;
}
.c-wxi{
    margin-right:10px ;
}
.c-qqi{
    margin-left:10px ;
}
</style>